var app = angular.module("shop",["ballFilter","ngRoute"]);
app.directive("navBar",function(){
	return {
		templateUrl:"template/navBar.html"
	}
});

//路由操作 配置信息 $routeProvider 这个是固定的

app.config(function($routeProvider){
	$routeProvider.when("/products",{templateUrl:"template/products.html"});
	$routeProvider.when("/checkOut",{templateUrl:"template/checkOut.html"});
	$routeProvider.otherwise({templateUrl:"template/products.html"});
});




//下面function里面还可以有一个$rootScope,,叫单例  ，，定义到这个上面的东西在所有控制器里面都能使用
//添加控制器：控制index.html
app.controller("mainControll",function($scope,$http){
	//加入购物车的功能
	$scope.numOfProduct = 0;
	$scope.totalPrice = 0;
	$scope.cartsArray = [];
	$scope.addShopToCart = function(aProduct){
		//需要定义一个新的购物车数组 对象的形式保存
		//判断每次点击加入购物车按钮，数组里面有没有这个商品，如果存在，数量加1
		//如果不存在，把这个商品加入购物车，并且数量为1;
		var bol = false;
		for (var i = 0; i < $scope.cartsArray.length; i++) {
			if($scope.cartsArray[i].product.id == aProduct.id){
				$scope.cartsArray[i].num ++;
				bol = true;
				break;
			}

		};
		if(bol == false){
			$scope.cartsArray.push({num:1,product:aProduct});
		}
		//现在表示用户已经点击加入购物车，，，所以需要重新计算数量和价格
		$scope.totalSumAndMoney();

	}

	//计算价格，还有总数量
	$scope.totalSumAndMoney = function(){
		var num = 0;
		var totalPrice = 0;
		for(var i = 0;i < $scope.cartsArray.length;i++){
			num += $scope.cartsArray[i].num;
			totalPrice += $scope.cartsArray[i].product.price * $scope.cartsArray[i].num;
		}
		$scope.numOfProduct = num;
		$scope.totalPrice = totalPrice;

	}




});

